{% extends "auth-menu.html" %}
{% block head %}

{#  没有需要加载的文件#}
 {% endblock %}

{% block display %}
    "display: block"
{% endblock %}

{% block active %}
    'active'
{% endblock %}

{% block active_sub3 %}
    'active'
{% endblock %}

{% block main %}
   <div class='span12'>
        <div class='page-header'>
            <h1 class='pull-left'>
                <i class='icon-edit'></i>
                <span>接口获取频次下载</span>
            </h1>
            <div class='pull-right'>
                <ul class='breadcrumb'>
                    <li>
                        <a href="/index"><i class='icon-bar-chart'></i>
                        </a>
                    </li>
                    <li class='separator'>
                        <i class='icon-angle-right'></i>
                    </li>
                    <li>
                        接口获取
                    </li>
                    <li class='separator'>
                        <i class='icon-angle-right'></i>
                    </li>
                    <li class='active'>接口获取频次下载</li>
                </ul>
            </div>
        </div>
    </div>

<form accept-charset="UTF-8" class="navbar-search pull-left hidden-phone" method="get" />
    <div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
    开始时间： <input type="text"  value="{{ b_date }}" name="b_date" id="datetimepicker1"  />&nbsp&nbsp
    结束时间： <input type="text"  value="{{ e_date }}" name="e_date" id="datetimepicker"  />
      <p>客户名：&nbsp&nbsp&nbsp  <input type="text" name="kehu" value={{ kehu }} />&nbsp&nbsp&nbsp
              数据版本：
                        <select id='inputSelect' name="version">
                            <option {{ select_16q2 }}/>16Q2
                            <option {{ select_15q4 }}/>15Q4
                            <option {{ select_dti }}/>DTI
                        </select>

<button class="btn btn-link icon-search " name="button" type="submit"></button>

    <a class="icon-download" download={{ csvfilename }} href='/bootstrap/tmp/{{ csvfilename }}' ></a>&nbsp&nbsp&nbsp&nbsp
      最多10000行数据
          </p>
{#<input autocomplete="off" class="search-query span2" id="q_header" name="q" placeholder="Search..." type="text" value="" />#}
</form>


{#<div class='group-header'>#}
{#    <div class='row-fluid'>#}
{#        <div class='span6 offset3'>#}
{#            <div class='text-center'>#}
{#                <h2>Dynamic tables</h2>#}
{#                <small class='muted'>Dynamic datables can handle large data collections, sorting, filtering...</small>#}
{#            </div>#}
{#        </div>#}
{#    </div>#}
{#</div>#}

<div class='row-fluid'>
<div class='span12 box bordered-box orange-border' style='margin-bottom:0;'>
<div class='box-header orange-background'>
    <div class='title'>客户: {{ kehu }}</div>
    <div class='actions'>
        <a href="#" class="btn box-remove btn-mini btn-link"><i class='icon-remove'></i>
        </a>
        <a href="#" class="btn box-collapse btn-mini btn-link"><i></i>
        </a>
    </div>
</div>
<div class='box-content box-no-padding'>
<div class='responsive-table'>
<div class='scrollable-area'>
<table class='data-table table table-bordered table-striped' style='margin-bottom:0px;'>
{#<table class="table table-striped table-bordered table-hover datatable" style='margin-bottom:0px;'>#}
<thead>
<tr>
 {% for i in table_header %}
     <th  class="sorting_asc" aria-label="Rendering engine: activate to sort column descending" aria-sort="ascending" style="width: 240px;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting_asc">{{ i }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{#<tr>#}
{#    <td>Sigurd Klocko</td>#}
{#    <td>norene@hotmail.com</td>#}
{#    <td>#}
{#        <span class='label label-important'>Important</span>#}
{#    </td>#}
{#    <td>#}
{#        <div class='text-right'>#}
{#            <a class='btn btn-success btn-mini' href='#'>#}
{#                <i class='icon-ok'></i>#}
{#            </a>#}
{#            <a class='btn btn-danger btn-mini' href='#'>#}
{#                <i class='icon-remove'></i>#}
{#            </a>#}
{#        </div>#}
{#    </td>#}
{#      <td>Sigurd Klocko</td>#}
{#      <td>Sigurd Klocko</td>#}
{#      <td>Sigurd Klocko</td>#}
{#      <td>Sigurd Klocko</td>#}
{#      <td>Sigurd Klocko</td>#}
{#</tr>#}
{% for row in access_data %}
    <tr>

    {% for field in row %}

        <td>{{ field|escape|default:"(N/A)" }}</td>

    {% endfor %}
    </tr>
{% endfor %}





</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<hr class='hr-double' />

</div>
</div>
</div>
</section>
</div>
{% endblock %}

{% block script %}

{#表格JS#}
<script src='/bootstrap/assets/javascripts/plugins/datatables/jquery.dataTables.min.js' type='text/javascript'></script>
<script src='/bootstrap/assets/javascripts/plugins/datatables/jquery.dataTables.columnFilter.js' type='text/javascript'></script>

<script src='/bootstrap/assets/javascripts/plugins/common/bootstrap-wysihtml5.js' type='text/javascript'></script>

<!-- / naked password -->
<script src='/bootstrap/assets/javascripts/plugins/naked_password/naked_password-0.2.4.min.js' type='text/javascript'></script>
<!-- / nestable -->
<script src='/bootstrap/assets/javascripts/plugins/nestable/jquery.nestable.js' type='text/javascript'></script>
{#<!-- / tabdrop -->#}
<script src='/bootstrap/assets/javascripts/plugins/tabdrop/bootstrap-tabdrop.js' type='text/javascript'></script>

<script src='/bootstrap/assets/javascripts/tables.js' type='text/javascript'></script>
<!-- / max length -->
<script src='/bootstrap/assets/javascripts/plugins/bootstrap_maxlength/bootstrap-maxlength.min.js' type='text/javascript'></script>
<!-- / timeago -->
<script src='/bootstrap/assets/javascripts/plugins/timeago/jquery.timeago.js' type='text/javascript'></script>

<!-- / autosize (for textareas) -->
<script src='/bootstrap/assets/javascripts/plugins/autosize/jquery.autosize-min.js' type='text/javascript'></script>
<!-- / charCount -->
<script src='/bootstrap/assets/javascripts/plugins/charCount/charCount.js' type='text/javascript'></script>
<script>

$.datetimepicker.setLocale('ch');

{#$('#datetimepicker_format').datetimepicker({format: $("#datetimepicker_format_value").val()});#}
{#console.log($('#datetimepicker_format').datetimepicker('getValue'));#}

$("#datetimepicker_format_change").on("click", function(e){
	$("#datetimepicker_format").data('xdsoft_datetimepicker').setOptions({format: $("#datetimepicker_format_value").val()});
});
$("#datetimepicker_format_locale").on("change", function(e){
	$.datetimepicker.setLocale($(e.currentTarget).val());
});

$('#datetimepicker').datetimepicker({
dayOfWeekStart : 1,
lang:'ch',

format:"Y-m-d H:i",
{#disabledDates:['1986/01/08','1986/01/09','1986/01/10'],#}
{#startDate:	'1986/01/05'#}
});
{#$('#datetimepicker').datetimepicker({value:{{ date|date:"Y-m-d H:i" }}, step:10});#}
$('#datetimepicker').datetimepicker({ step:10});

$('#datetimepicker1').datetimepicker({
dayOfWeekStart : 1,
lang:'ch',

format:"Y-m-d H:i",
{#disabledDates:['1986/01/08','1986/01/09','1986/01/10'],#}
{#startDate:	'1986/01/05'#}
});
{#$('#datetimepicker').datetimepicker({value:{{ date|date:"Y-m-d H:i" }}, step:10});#}
$('#datetimepicker1').datetimepicker({ step:10});
</script>

{% endblock %}
